<template>
  <el-dialog
    title="提醒"
    :visible.sync="$attrs.visableIf"
    @close="handleCloseDialog"
    width="600px"
    append-to-body
    class="borderb_dia"
  >
    <el-form ref="form" :model="form" label-width="130px" label-position="left">
      <div class="tips">金额确认</div>
      <el-form-item label="结算单金额">
        {{ $attrs.okCoin }}
      </el-form-item>
      <el-form-item label="此次金额结算">
        {{ $attrs.coin }}
      </el-form-item>
    </el-form>
    <div slot="footer" class="footer-btn">
      <el-button @click="cancelChangeCoin">取消</el-button>
      <el-button type="primary" @click="handleCloseDialog">确认</el-button>
    </div>
  </el-dialog>
</template>

<script>
import { validPhone, validPassword } from '@/utils/validate'
import { reqPayCheck, reqPayDataById, reqTrafficPayStatus, reqTrafficPayType } from '@/api/trafficMasterMgt'
import { userInfo } from '@/api/advmaster'

export default {
  data() {
    return {
      form: {}
    }
  },
  created() {
  },
  watch: {},
  methods: {
    cancelChangeCoin() {
      this.$emit('changeCoin', this.$attrs.okCoin)
      this.handleCloseDialog()
    },
    handleCloseDialog() {
      this.$emit('update:visableIf', false)
    }
  }
}
</script>

<style scoped lang="scss">
::v-deep .el-form-item {
  margin-bottom: 10px;
}

.tips {
  font-size: 16px;
  font-weight: bold;
}
</style>
